<template>
    <div class="empty-box">
        <div>
            <img src="../../assets/images/icon-empty.png" alt="">
        </div>
        <p>{{msg}}</p>
    </div>
</template>

<script>
    export default {
        name: 'Navbar',
        props: {
            msg:{
                type:String,
                required:true
            }
        },

    }
</script>

<style lang="scss" scoped>
    @import "@/assets/css/public";
    .empty-box {
      /*position: fixed;*/
      top: 0;
      left: 0;
      /*height: 100vh;*/
      width: 100%;
      padding-top: vw(250);
      background-color: $gray_bg;
      font-size: vw(28);
      text-align: center;
      color: #ccc;
      >div{
        width: vw(360) ;
        margin: 0 auto vw(36);
      }
    }
</style>
